﻿

<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true"
    CodeBehind="designshop_head.aspx.cs" Inherits="map.member.designshop_head" Title="设置顶部导航区域" %>





<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
 <!-- YUI Dependencies -->

    <script type="text/javascript" src="http://yui.yahooapis.com/2.5.1/build/utilities/utilities.js"></script>

    <script type="text/javascript" src="http://yui.yahooapis.com/2.5.1/build/slider/slider-min.js"></script>

    <!-- Color Picker source files for CSS and JavaScript -->
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.1/build/colorpicker/assets/skins/sam/colorpicker.css">

    <script type="text/javascript" src="http://yui.yahooapis.com/2.5.1/build/colorpicker/colorpicker-min.js"></script>

    <script type="text/javascript" src="windowfiles/dhtmlwindow.js"></script>

    <link rel="stylesheet" type="text/css" href="windowfiles/dhtmlwindow.css" />

    <script type="text/javascript" src="ddcolorpicker.js">

/***********************************************
* Color PIcker Widget (YUI Based)- By Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* Requires: YUI Color Picker and DHTML Window Widget
***********************************************/

    </script>

    <style type="text/css">
        * html .yui-picker-bg
        {
            /*Requires CSS. Do not edit/ remove*/
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= 'http://yui.yahooapis.com/2.5.1/build/colorpicker/assets/skins/sam/picker_mask.png' ,sizingMethod= 'scale' );
        }
        /*Style used in demos below. Edit if desired*/
        .colorpreview
        {
            /*CSS for sample Preview Control*/
            border: 1px solid black;
            padding: 1px 10px;
            cursor: hand;
            cursor: pointer;
        }
        form div
        {
            margin-bottom: 5px;
        }
    </style>
        <link href="../outstyle.css" rel="stylesheet" type="text/css" />
<script src="../js/dropdowncontent.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

            

高度:

    <asp:DropDownList ID="DropDownList_height" runat="server" AutoPostBack="True" 
        onselectedindexchanged="DropDownList_height_SelectedIndexChanged">
        <asp:ListItem  Selected="True">自动</asp:ListItem>
        <asp:ListItem>100%</asp:ListItem>
        <asp:ListItem>50</asp:ListItem>
        <asp:ListItem>60</asp:ListItem>
        <asp:ListItem>80</asp:ListItem>
        <asp:ListItem>100</asp:ListItem>
        <asp:ListItem>120</asp:ListItem>
        <asp:ListItem>150</asp:ListItem>
        <asp:ListItem>200</asp:ListItem>
        <asp:ListItem>300</asp:ListItem>
        <asp:ListItem>500</asp:ListItem>
    </asp:DropDownList>
宽度:    <asp:DropDownList ID="DropDownList_width" runat="server" AutoPostBack="True" 
        onselectedindexchanged="DropDownList_height_SelectedIndexChanged" 
        Width="55px">
        <asp:ListItem >自动</asp:ListItem>
        <asp:ListItem Selected="True">100%</asp:ListItem>
        <asp:ListItem>50</asp:ListItem>
        <asp:ListItem>60</asp:ListItem>
        <asp:ListItem>80</asp:ListItem>
        <asp:ListItem>100</asp:ListItem>
        <asp:ListItem>120</asp:ListItem>
        <asp:ListItem>150</asp:ListItem>
        <asp:ListItem>200</asp:ListItem>
        <asp:ListItem>300</asp:ListItem>
        <asp:ListItem>500</asp:ListItem>
    </asp:DropDownList>
向上缩进：<asp:RadioButton ID="RadioButton1" runat="server" />
有无边框：<asp:RadioButton ID="RadioButton2" runat="server" />
    <div>
    背景颜色:<%--<input type="text" id="field2" size="20" />--%>
    <asp:TextBox ID="TextBox1" type="text" runat="server"></asp:TextBox>
                    <a id="control2" class="nopreview" href="#">[选取颜色]</a>(不选择=透明)
                </div>
            
    背景图片:
    <asp:FileUpload ID="FileUpload_img" runat="server" />
    <asp:Button ID="Button_shangchuan" runat="server"
        Text="上传" onclick="Button_shangchuan_Click" />
    <asp:Button ID="Button_qingchu" runat="server" Text="清除" 
        onclick="Button_qingchu_Click" />
    重复方式:<asp:DropDownList ID="DropDownList1" runat="server">
        <asp:ListItem>no-repeat</asp:ListItem>
        <asp:ListItem>repeat</asp:ListItem>
        <asp:ListItem>repeat-x</asp:ListItem>
        <asp:ListItem>repeat-y</asp:ListItem>
    </asp:DropDownList>
    (如:http://www.f980.net/img/excel2.gif)
    <div id="ddcolorpicker">
                    请选择颜色:
                    <div id="colorpicker" style="position: relative; height: 205px">
                    </div>
                    <a href="http://www.dynamicdrive.com/dynamicindex11/ddcolorpicker/" style="margin-left: 5px;
                        font-size: 90%">请选择颜色</a>
                </div>

                <script type="text/javascript">

ddcolorpicker.init({
	colorcontainer: ['ddcolorpicker', 'colorpicker'], //id of widget DIV, id of inner color picker DIV
	displaymode: 'float', //'float' or 'inline'
	floatattributes: ['DD Color Picker Widget', 'width=390px,height=250px,resize=1,scrolling=1,center=1'], //'float' window attributes
	fields: ['ctl00_ContentPlaceHolder1_TextBox1:control2'] //[fieldAid[:optionalcontrolAid], fieldBid[:optionalcontrolBid], etc]
})

                </script>
<FCKeditorV2:FCKeditor ID="Fck_Content" runat="server" Height="200px" Width="100%" >
</FCKeditorV2:FCKeditor> 



    <asp:Button ID="Button_save" runat="server" Text="保 存" 
        onclick="Button_save_Click"   />
        <asp:Button ID="Button1" runat="server" Text="预览效果" onclick="Button1_Click" />
        (注:实际效果不包括边框)<br />
        
        <asp:Literal ID="Literal1" runat="server"></asp:Literal>

  
</asp:Content>
